/*** mainNav ***/
.mainNav .wrapper .logo{
    display: block;
}
/*** end mainNav ***/

/*** main ***/
.main{
    background: #eff3f6 url("/orange/images/index/fixedBg.png") no-repeat center top;
}
.main .wrapper{
    padding-bottom: 10px;
}
.main .wrapper .content{
    float: left;
    width: 890px;
    margin-top: 50px;
    margin-right: 20px;
}
.main .wrapper .content>div{
    float: left;
    width: 850px;
    margin-bottom: 20px;
    padding: 15px 20px;
    background-color: #fff;
}
.main .content>div h2{
    float: left;
    width: 100%;
    margin-bottom: 20px;
    color: #333;
    font-weight: normal;
}
.main .content>div h2 span{
    float: left;
    border-left: 3px solid #ffae01;
    text-indent: 5px;
}
.main .content>div>button{
    float: right;
    width: 85px;
    height: 26px;
    margin-top: 10px;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #999;
    background-color: #fff;
}
.main .content>div>button:hover{
    background-color: #fafafa;
}
.main .content>div>button i{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 16px;
    height: 12px;
    background: url('/orange/images/icon/04.png') no-repeat;
}
.main .content>div>button.retract i{
    background-position: 3px 0;
}
.main .content>div>button.seeMore i{
    background-position: 3px -13px;
}
/** baseInfo **/
.main .wrapper .content .baseInfo{
    position: relative;
}
.main .content .baseInfo h2{
    margin-bottom: 0;
    font-size: 18px;
    font-weight: bold;
}
.main .baseInfo h2 i{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 18px;
    height: 18px;
    margin-left: 15px;
}
.main .baseInfo .salary{
    color: #ffae01;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
}
.main .baseInfo>ul{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.main .baseInfo .welfare{
    margin-top: 10px;
}
.main .baseInfo .welfare li{
    float: left;
    height: 26px;
    margin-right: 15px;
    padding: 0 5px;
    border: 1px solid #eee;
    color: #999;
    line-height: 26px;
}
.main .baseInfo .details{
    max-width: 660px;
    margin-top: 15px;
}
.main .baseInfo .details li{
    float: left;
    width: 210px;
    color: #555;
    line-height: 25px;
}
.main .details li span{
    float: left;
    width: 56px;
    margin-right: 20px;
    color: #999;
    text-align: justify;
    text-align-last: justify;
}
.main .details li span i{
    display: inline-block;
    padding-left: 100%;
}
.main .baseInfo .details .location{
    width: 100%;
}
.baseInfo .details .location p{
    float: left;
    color: #555;
}
.baseInfo .details .location a{
    float: left;
    height: 25px;
    margin-left: 10px;
    padding-left:20px;
    color: #999;
    background: url("/orange/images/icon/info.png") no-repeat 0 -31px;
}
.baseInfo .details .location a:hover{
    text-decoration: none;
}
.main .baseInfo>a{
    position: absolute;
    right: 20px;
    top: 15px;
    width: 20px;
    height: 20px;
    background: url("/orange/images/icon/info.png") no-repeat;
}
.main .baseInfo a.collect{
    right: 50px;
    background-position: 2px -69px;
}
.main .baseInfo a.collected,
.main .baseInfo a.collect:hover{
    background-position: 2px -177px;
}
.main .baseInfo .toShare{ background-position: 2px 1px; }
.main .baseInfo .toShare:hover{ background-position: 2px -140px; }
.layer-toShare .layui-layer-content .box{
    height: 204px;
    line-height: 204px;
    text-align: center;
}
.layer-toShare .layui-layer-content .box img{
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.main .baseInfo .submit{
    top: inherit;
    bottom: 20px;
    width: 100px;
    height: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    background-color: #ffae01;
    text-align: center;
    line-height: 30px;
}
.main .baseInfo .submit:hover{
    text-decoration: none;
    background: none;
    background-color: #ff9600;
}
/** end baseInfo **/

/** publisher **/
.main .publisher .box{
    float: left;
    width: 100%;
    padding: 15px 0;
    background-color: #f8f9fb;
}
.main .publisher .box>div{
    float: left;
}
.main .publisher .box .left{
    width: 490px;
}
.main .publisher .left>span{
    float: left;
    width: 65px;
    height: 65px;
    margin-left: 20px;
    border: 1px solid #ddd;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}
.main .publisher .left span img{
    width: 100%;
    height: 100%;
}
.main .publisher .left p{
    float: left;
    width: 400px;
    line-height: 33px;
    text-indent: 20px;
}
.main .publisher .left p.name{
    font-weight: bold;
}
.main .publisher .left p.photoNum span{
    float: left;
    line-height: 33px;
    color: #ffae01;
}
.main .publisher .left p.photoNum a{
    float: left;
    margin-left: 10px;
    color: #999;
    text-indent: 0;
}
.main .publisher .center,
.main .publisher .right{
    width: 179px;
}
.main .publisher .center{
    border-right: 1px dashed #ddd;
}
.main .publisher .center p,
.main .publisher .right p{
    float: left;
    width: 100%;
    text-align: center;
    line-height: 33px;
}
.main .publisher .center p.p1,
.main .publisher .right p.p1{
    color: #ffae01;
}
.main .publisher .center p.p2,
.main .publisher .right p.p2{
    color: #999;
}
/** end publisher **/

/** descriptions **/
.main .content .descriptions .box{
    float: left;
    width: 840px;
    padding-left: 10px;
    color: #666;
    line-height: 30px;
}
.main .descriptions .box.retracted{
    height: 30px;
    overflow: hidden;
    text-overflow : ellipsis;
    white-space: nowrap;
}
/*.main .content .descriptions dl{*/
    /*float: left;*/
    /*width: 840px;*/
    /*padding-left: 10px;*/
/*}*/
/*.main .content .descriptions dl.marginTop{*/
    /*margin-top: 25px;*/
/*}*/
/*.content .descriptions dl dt,*/
/*.content .descriptions dl dd{*/
    /*float: left;*/
    /*width: 100%;*/
    /*line-height: 30px;*/
/*}*/
/*.content .descriptions dl dd{ color: #666; }*/
/** end descriptions **/

/** introduce **/
.content .introduce .box{
    float: left;
    width: 840px;
    padding-left: 10px;
    color: #666;
    line-height: 30px;
}
.content .introduce .box.retracted{
    height: 30px;
    overflow: hidden;
    text-overflow : ellipsis;
    white-space: nowrap;
}
.content .introduce p{
    float: left;
    width: 840px;
    padding-left: 10px;
    color: #666;
    line-height: 30px;
}

.content .introduce .slider{
    position: relative;
    width: 828px;
    height: 195px;
    margin: 20px auto 0;
}
.introduce .slider .swiper-container{
    position: relative;
    width: 828px;
    height: 195px;
    overflow: hidden;
}
.introduce .slider .swiper-slide{
    width: 283px;
    height: 193px;
}
.introduce .swiper-slide span{
    float: left;
    width: 263px;
    height: 192px;
    background-color: #ddd;
}
.introduce .swiper-slide span:hover{
    cursor: pointer;
}
.play-mid-btn{
    position: absolute;
    top: 63px;
    z-index: 10;
    width: 35px;
    height: 70px;
    color: #fff;
    background: url("/default/images/platform/icon_lm_info.png") no-repeat transparent;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.play-mid-btn:hover{ background-color: #666; }
.play-mid-BL{
    display: none;
    left: 5px;
    background-position: -1px 0;
}
.play-mid-BR{
    display: none;
    right: 18px;
    background-position: -1px -81px;
}
/** end introduce **/

/** otherJobs **/
.main .otherJobs ul{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.otherJobs ul li{
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.otherJobs ul li{ border-bottom: 1px dashed #ddd; }
.otherJobs ul li:hover{ background-color: #fafafa; }
.otherJobs ul li span{
    float: left;
    width: 220px;
    height: 40px;
    padding-left: 15px;
    line-height: 40px;
}
.otherJobs ul li span{
    height: 44px;
    line-height: 44px;
}
.otherJobs ul .col1 a{
    float: left;
    color: #000;
    font-size: 15px;
}
.otherJobs ul .col1 i{
    float: left;
    width: 18px;
    height: 20px;
    margin-top: 12px;
    margin-left: 15px;
}
.otherJobs ul .col1 a:hover{ color: #ffae01; }
.otherJobs ul li .col2{
    width: 250px;
}
.otherJobs ul li .col2{
    color: #ffae01;
    font-weight: bold;
}
.otherJobs ul li .col3{
    width: 190px;
}
.otherJobs ul li .col4{
    width: 145px;
    padding-left: 0;
    text-align: right;
}
.otherJobs ul li .col3,
.otherJobs ul li .col4{
    color: #666;
}
.otherJobs ul li .col5{ color: #999; }
/** end otherJobs **/

/** aside **/
.main .wrapper .aside{
    float:left;
    width: 290px;
}
/* company */
.main .aside .company,
.main .aside .similarJobs{
    float: left;
    margin-bottom: 30px;
    background-color: #fff;
}
.main .aside .company{
    width: 290px;
    margin-top: 50px;
}
.aside .company .companyLogo{
    float: left;
    width: 100%;
    height: 130px;
    padding: 10px 0;
    text-align: center;
    line-height: 130px;
}
.aside .company .companyLogo img{
    max-height: 130px;
    display: inline-block;
    vertical-align: middle;
}
.aside .company h3{
    float: left;
    width: 100%;
    height: 50px;
    text-align: center;
}
.aside .company h3 a{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-top: 15px;
    color: #555;
    font-size: 16px;
    text-align: center;
}
.aside .company h3 a:hover{
     text-decoration: underline;
}
.aside .company p{
    float: left;
    width: 100%;
    color: #555;
    text-indent: 15px;
    line-height: 50px;
}
.aside .company p.borderTop{
    border-top: 1px dashed #ddd;
}
.aside .company p span{
    float: left;
    width: 60px;
    color: #999;
    text-align: right;
}
/* end company */

/* similarJobs */
.main .aside .similarJobs{
    width: 250px;
    padding: 0 20px 15px;
}
.aside .similarJobs h2{
    width: 100%;
    height: 20px;
    margin-top: 20px;
    text-indent: 5px;
    line-height: 20px;
}
.aside .similarJobs h2 a{
    float: right;
    color: #999;
    font-size: 12px;
    font-weight: normal;
}
.aside .similarJobs h2 a:hover{ color: #ffae01; }
.aside .similarJobs ul{
    float: left;
    width: 100%;
    height: auto;
    margin-top: 20px;
    overflow: hidden;
}
.aside .similarJobs ul li{
    float: left;
    width: calc(100% - 5px);
    width: 255px\9;
    height: auto;
    margin-top: 10px;
    padding-left: 5px;
    border-bottom: 1px dashed #ddd;
    overflow: hidden;
}
.aside .similarJobs ul li:hover{
    background-color: #fafafa;
}
.similarJobs ul li p{
    float: left;
    width: 100%;
    height: 30px;
    color: #555;
    line-height: 30px;
}
.similarJobs ul li p a{
    color: #333;
}
.similarJobs ul li p a:hover{
    text-decoration: underline;
}
.similarJobs ul li .p1{
    color:#333;
    font-size: 15px;
}
.similarJobs ul li .p2{ color: #ffae01; }
.similarJobs ul li .p3{ color: #555; }
/** end aside **/
/*** end main ***/

/**个人简历右边内容**/
.rightMain{ width:840px; float:left; font-size:14px; padding:10px; }
.rightMain .errors{ margin-left:30px; width:810px; margin-top:20px; }
.rightMain .jobInfo{ width:760px; float:left; padding:0 40px; }
.rightMain .jobInfo .information{ width:100%; float:left; margin-top:20px; height:24px; line-height:24px; font-size:15px; margin-left:30px; }
.rightMain .jobInfo .information span{ float:left; height:24px; line-height:24px; color:#a5a5a5; padding-left:23px;
    background:url(/default/images/personal/bigicon.png) 0 -240px no-repeat; }
/*注册成功信息*/
.rightMain .jobInfo .regsuccessinfo{ float:left; width:100%; margin-top:40px; margin-left:30px; }
.rightMain .jobInfo .regsuccessinfo dl{ float:left; width:100%; }
.rightMain .jobInfo .regsuccessinfo dt{ font-size:18px; color:#288E06; float:left; width:100%;; text-align:left; }
.rightMain .jobInfo .regsuccessinfo dd{ font-size:15px; color:#333; float:left; width:100%; margin:0; }
.rightMain .jobInfo .regsuccessinfo dd strong{ font-size:16px; color:#F60; margin-right:10px; }
.rightMain .jobInfo .fillin{ width:100%; float:left; margin-top:20px; margin-left:30px; }
.rightMain .jobInfo .fillin a.immediately{ width:120px; height:32px; line-height:32px; text-align:center; margin-right:20px;
    float:left; background:#F60; color:#fff; display:block }
.rightMain .jobInfo .fillin a.immediately:hover{ text-decoration:none; background:#f52; }
.rightMain .jobInfo .fillin .microresume{ height:32px; float:left; line-height:32px; font-size:15px; }
.rightMain .jobInfo dl{ width:100%; float:left; margin-top:8px; height:37px; }
.rightMain .jobInfo dt{ width:110px; float:left; height:37px; line-height:37px; text-align:right; color:#666 }
.rightMain .jobInfo dt .caption{ font-size:15px; width:90px; float:left; }
.rightMain .jobInfo dt .asterisk{ color:#ff0000; width:20px; font-size:20px; float:left; margin-top:4px; height:30px; }
.rightMain .jobInfo dd{ float:left; height:37px; line-height:37px; margin-left:8px; }
.rightMain .jobInfo dd input{ width:246px; border:1px solid #cfcfcf; height:35px; border-radius:2px;
    float:left; line-height:35px; padding:0 7px; outline:none; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
    vertical-align:middle; }
.rightMain .jobInfo dd .jList{ width:404px; float:left; outline:none; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
    vertical-align:middle; border:1px solid #cfcfcf; height:30px; border-radius:2px; line-height:30px; }
.rightMain .jobInfo dd .jList input{ width:362px; float:left; border:none; height:30px; line-height:30px; padding:0 7px; }
.rightMain .jobInfo dd .jList i{ float:left; width:28px; height:30px; cursor:pointer;
    background:#fff url(/default/images/icon/icon3.png) -20px -308px no-repeat; display:block; }
.rightMain .jobInfo dd textarea{ float:left; width:350px; height:60px; line-height:20px; padding:5px;
    border:1px solid #D0D0D0; border-radius:3px; outline:none; }
.rightMain .jobInfo dd .mobcode{ width:130px; background:#465364; text-align:center; height:36px; float:left; line-height:36px;
    cursor:pointer; color:#fff; font-size:14px; border:none; outline:none; }
.rightMain .jobInfo .mLeftTen{ margin-left:10px; float:left }
.rightMain .jobInfo dd .radios{ float:left; width:16px; height:16px; margin-top:11px; border:none; }
.rightMain .jobInfo dd label{ float:left; height:37px; line-height:37px; margin-left:2px; font-size:14px; color:#444 }
.rightMain .jobInfo input.subs{ background-color:#ffae01; color:#fefefe !important; padding:0 30px !important; box-shadow:0px 1px 2px #a4a6a6; cursor:pointer; border:none; float:left; }
.rightMain .jobInfo input.btn{ height:37px; line-height:37px; border-radius:3px; font-size:16px; width:124px; font-family:"微软雅黑" }
/**显示错误信息**/
.rightMain .errinfo{ line-height:32px; float:left; height:32px; color:#EA6A00; display:block; font-size:13px; }
.rightMain .error{ float:left; padding-left:19px; background:url(/default/images/icon/icon1.png) 0px -89px no-repeat; color:#EA6A00 }
.rightMain .success{ float:left; padding-left:19px; background:url(/default/images/icon/icon1.png) 0px -119px no-repeat; color:#7EB746 }
.rightMain .tip{ float:left; padding-left:19px; background:url(/default/images/icon/icon1.png) 0px -149px no-repeat; color:#65A7AF }
/***select菜单**/
.select{ border:#ccc 1px solid; height:30px; width:120px; line-height:30px; cursor:pointer; background:#fff; color:#696969; }
.select span{ float:left; height:30px; width:104px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.select span a{ padding-left:6px; height:30px; text-decoration:none }
.select i{ background:url("/default/images/icon/soselb.png") 0px -100px; width:10px; height:10px; margin-top:13px; float:right; margin-right:6px; }
.select i.swap{ background:url("/default/images/icon/soselb.png") -15px -100px; }
.selectOptions{ position:absolute; border:#ccc 1px solid; background:#fff; z-index:555555555; }
.selectOptions ul{ }
.selectOptions ul li.section{ background:#000000; cursor:auto }
.selectOptions ul li{ color:#9F9F9F; height:26px; line-height:26px; cursor:pointer; }
.selectOptions ul li a{ padding-left:6px; padding-right:6px; text-decoration:none }
.selectOptions ul li.selected{ background:#E3E3E3; color:#575757 }

/*插件css*/
/*时间插件样式*/
#showTime,.showTime{ position:relative; float:left;}
.selTime{border:#cfcfcf 1px solid; height:30px; width:90px; line-height:30px;cursor:pointer; background:#fff;
    color:#696969;float: left; margin-right:6px;}
.selTime #syear{float:left;  font-size: 14px; overflow: hidden; padding: 0 5px; color: #ccc; width:60px; }
.selTime #syear input{width:60px; padding: 0; border: none; cursor: text; float: left;line-height:30px;height:30px;}
.selTime i{background:url(/default/images/icon/soselb.png) 0px -100px no-repeat; width:10px; height:10px; margin-top:13px; float:right; margin-right:8px;}
.selTime i.swap{background:url(/default/images/icon/soselb.png) -15px -100px;}

.selTimeMonth{ width: 60px;}
.selTimeMonth #syear{ width: 30px;}
.selTimeMonth #syear input{ width:30px;}

#dateYear{ position: absolute; display: none;  z-index:222222  }
#dateYear .dateCon{ width: 350px;  float: left; border: #cfcfcf 1px solid; background: #fff}
#dateYear .dateCon .pro{ width:10px; float: left; margin-left: 10px;}
#dateYear .dateCon .pro a{ display: block; text-decoration: none;}
#dateYear .dateCon .pro a i{ width:10px; height: 14px;background:url(/default/images/icon/soselb.png) 0px -150px no-repeat;float:left;margin-top: 50px;}
#dateYear .dateCon .pro a i:hover{  background-position:-19px -150px; }

#dateYear .dateCon ul{ float: left; padding: 10px 0; width: 310px;}
#dateYear .dateCon li{ float: left; width: 62px; height: 24px; line-height: 24px; text-align: center;}
#dateYear .dateCon li a{ width: 62px; display: block; height: 24px; background: #fff; color:#3F74C2; font-size: 13px;}
#dateYear .dateCon li a:hover{ color: #00B9F9; background:#F1F1F1 ; text-decoration: none;}
#dateYear .dateCon li.toDate{ width: 310px; float: left; text-align: center; background: #f1f1f1}
#dateYear .dateCon li.toDate a{ width: 100%; float: left; text-align: center; background: #f1f1f1; color: #444}
#dateYear .dateCon li.toDate a:hover{ background: #e1e1e1; text-decoration: none}

#dateYear .dateCon .next{ width:10px; float: left; margin-right: 10px; display: none;}
#dateYear .dateCon .next a{ display: block; text-decoration: none;}
#dateYear .dateCon .next a i{ width:10px; height: 14px;background:url(/default/images/icon/soselb.png) 0px -170px no-repeat;float:left;margin-top: 50px;}
#dateYear .dateCon .next a i:hover{  background-position:-19px -170px; }

#dateMonth{ position: absolute; display: none; }
#dateMonth .dateMonthCon ul{ float: left; padding: 10px 20px; width:120px;border: #cfcfcf 1px solid;background: #fff}
#dateMonth .dateMonthCon li{ float: left; width: 30px; height: 30px; line-height: 30px; text-align: center;}
#dateMonth .dateMonthCon li a{ width: 30px; display: block; height: 30px; background: #fff; color:#3F74C2; font-size: 13px;}
#dateMonth .dateMonthCon li a:hover{ color: #00B9F9; background:#F1F1F1 ; text-decoration: none;}
/**获取手机验证码**/
.addCode{ float:left; margin-top:0px; padding:0; }
.addCode .code{ width:120px; height:28px; border:1px solid #dfdfdf; float:left; line-height:28px; outline:none; padding:0 3px; }
.addCode span{ float:left; margin-right:5px; height:30px; line-height:30px; }
.addCode img{ cursor:pointer; width:90px; }
.addCode .change{ width:70px; font-size:15px; text-align:center }
.addCode .change a{ color:#4898d5; }
.addCode .codeErr{ float:left; margin-top:10px; width:100%; height:30px; line-height:30px; font-size:14px; font-family:"微软雅黑"; color:#EA6A00; }
.layui-layer-btn{ padding:0px; margin:0 }
/*遮掩层弹出框*/
.cover{ z-index:10001; position:absolute; left:0; top:0; background:#222; opacity:0.7; width:100%; }
/*提交表单弹出框*/
.Pro_message{ padding:15px; text-align:center; background:#323232; color:#fff; z-index:1006; position:fixed;
    opacity:1; font-size:16px; min-height:30px; line-height:30px; min-width:100px; margin-right:15px;
    border:0; border-radius:5px; display:none; }
/**弹出层**/
#jobLoc .cateType dt { height: 489px!important;}

/* the personal login layer's style*/
.layer-personal-login .layui-layer-content .content{
    float: left;
    width: 750px;
    height: 370px;
    background-color: #fff;
}
.layer-personal-login .layui-layer-content .content .left{
    float: left;
    width: 430px;
    height: 100%;
    border-right: 2px solid #f2f2f2;
}
.layer-personal-login .left .switch{
    float: left;
    width: 100%;
}
.layer-personal-login .left .switch li{
    float: left;
    width: 214px;
    height: 50px;
    font-size: 15px;
    border-bottom: 2px solid #f2f2f2;
    cursor: pointer;
}
.layer-personal-login .left .switch li i{
    float: left;
    width: 18px;
    height: 18px;
    margin: 18px 15px 0 45px;
    background: url("/orange/images/icon/login_icon.png") no-repeat;
}
.layer-personal-login .left .switch li span{
    float: left;
    height: 50px;
    color: #666;
    line-height: 50px;
}
.layer-personal-login .left .switch li i.icon1{ background-position: 0 0;}
.layer-personal-login .left .switch li i.icon2{ background-position: 2px -26px;}
.layer-personal-login .left .switch li.active0{
    border-right: 2px solid #f2f2f2;
    border-bottom: 2px solid #fff;
}
.layer-personal-login .left .switch li.active0 .icon1{ background-position: -30px 0;}
.layer-personal-login .left .switch li.active0 span{ color: #ffae01;}
.layer-personal-login .left .switch li.active1{
    border-left: 2px solid #f2f2f2;
    border-bottom: 2px solid #fff;
}
.layer-personal-login .left .switch li.active1 .icon2{ background-position: -28px -26px;}
.layer-personal-login .left .switch li.active1 span{ color: #ffae01;}
.layer-personal-login .left form{
    float: left;
    padding: 20px 65px 0;
}
.layer-personal-login .left form input{
    float: left;
    width: 298px;
    height: 48px;
    margin-bottom: 25px;
    line-height: 48px;
    text-indent: 10px;
    background-color: #fafafa;
    border: 1px solid #f2f2f2;
    *vertical-align: middle;
}
.layer-personal-login .left form .box{
    float: left;
    width: 100%;
    height: 20px;
    margin-bottom: 15px;
    line-height: 20px;
}
.layer-personal-login .left form .box input{
    float: left;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    margin-right: 5px;
}
.layer-personal-login .left form .box label{ float: left; }
.layer-personal-login .left form .box a{
    float: right;
    color: #ffae01;
}
.layer-personal-login .left form .box a:hover{ text-decoration: underline;}
.layer-personal-login .left form input[type="submit"]{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-indent: 0;
    background-color: #ffae01;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    cursor: pointer;
}
.layer-personal-login .left form input[type="submit"]:hover{ background-color: #ff9600;}
.layer-personal-login .left form .reg{
    text-align: center;
}
.layer-personal-login .left form .reg a{
    float: none;
}
/* login by phone code */
.layer-personal-login .left .phoneCode input[name="mobCode"]{
    width: 148px;
    padding-left: 10px;
}
.layer-personal-login .left .phoneCode input[name="mobcode"]{
    width: 130px;
    height: 40px;
    margin: 5px 0 5px 10px;
    color: #fff;
    text-align: center;
    text-indent: 0;
    line-height: 40px;
    background-color: #333;
    cursor: pointer;
}
.layer-personal-login .left .phoneCode input[name="mobcode"]:hover{ background-color: #666;}
    /* end login by phone code */
.layer-personal-login .right{
    float: left;
    width: 180px;
    margin-top: 50px;
    margin-left: 65px;
}
.layer-personal-login .right>div{
    float: left;
    width: 100%;
}
.layer-personal-login .right .prompt{
    height: 20px;
    margin-bottom: 20px;
    text-align: center;
    line-height: 20px;
}
.layer-personal-login .right .phoneNum{
    height: 35px;
    text-align: center;
    line-height: 35px;
}
.layer-personal-login .right .phoneNum i,
.layer-personal-login .right .phoneNum span{
    float: left;
    height: 35px;
    color: #ffae01;
}
.layer-personal-login .right .phoneNum i{
    width: 35px;
    margin-left: 20px;
    background: url("/orange/images/icon/smallpic.png") no-repeat 0 -27px;
}
.layer-personal-login .right .wxCode{
    text-align: center;
    margin-bottom: 20px;
}
.layer-personal-login .right .wxCode img{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    max-width: 180px;
}
.layer-personal-login .right .wxCode span{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 100%;
    height: 20px;
    color: #999;
    line-height: 20px;
}
.layer-personal-login .right .othersLogin span{
    float: left;
    width: 100%;
    height: 20px;
    text-align: center;
    line-height: 20px;
}
.layer-personal-login .right .othersLogin .box{
    float: left;
    width: 100%;
    height: 46px;
    margin-top: 10px;
    text-align: center;
}
.layer-personal-login .right .othersLogin .box a{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 46px;
    height: 46px;
    margin: 0 5px;
    background: url("/orange/images/icon/login_icon.png") no-repeat;
}
.layer-personal-login .right .othersLogin .box a.qq{ background-position: 0 -174px;}
.layer-personal-login .right .othersLogin .box a.wx{ background-position: 0 -123px;}
/* end the personal login layer's style*/

